
.box{height: 970px;}
.left{    
    width: 60%; 
    height:100%;
    background-color: #1ca8ef;
    box-sizing: border-box;
    padding-top: 200px;
    position: relative;
}
.left img{    
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -350px;
    margin-top: -250px;
}
.right{
    width: 40%;
    height: 100%;
   
}
.lit{
    width: 460px;
    height: 760px;
    margin: 0 auto;
    margin-top: 100px;
    box-sizing: border-box;
    padding-top: 200px;
}
.lit .pic{text-align: center;}
.pic a{cursor: pointer;}

.box3{margin-top: 30px;}
.left2 input{ margin-left: 60px; height: 45px;width: 360px;border-top: none;border-left: none;border-right: none;border-color: #e7e7e7;box-sizing: border-box;padding-left: 40px;}
.left2{position: relative;}

.left2.text{box-sizing: border-box; top: 180px;left: 20px;padding-left: 30px;margin-bottom: 30px;}

.jing{width: 27px;height: 27px;  background: url('../imgs/loginIcon.png')no-repeat;background-position: -54px 0;position: absolute;top: 6px;right: 368px;}
.jin{display: inline-block; background: url('../imgs/loginIcon.png')no-repeat;width: 27px;height: 27px;position: absolute;right: 22px;bottom:-2px;background-position: -56px -29px;}
.lin{width: 27px;height: 27px;background: url('../imgs/loginIcon.png')no-repeat;background-position: -24px 0;position: absolute;top: 50px;right: 368px;}

.left2 .blue{text-align: right;margin-right: 20px;font-size: 14px;margin: 20px 40px 20px 0;}
.left2 button{margin-left: 60px; width: 360px;height: 45px;background-color: #00bdff;color: #fff;font-size: 16px;font-weight: bold;border: none;text-align: center;line-height: 22.5px;margin-bottom: 20px;}

.left2 .foot{text-align: right;margin-right: 10px;padding-right: 30px;}
.left2 .foot .spana{margin: 0;color: #00bdff;box-sizing: border-box;padding-right: 20px;}






.right2 .max {width: 290px;height: 242px;border: 1px solid#ccc;margin: 0 auto;color: #000;text-align: center;}
.right2 .foot1{text-align:right;padding-left: 30px;margin-left: 20px;margin-top: 20px;}
.right2 .foot1 span{color: #00bdff;box-sizing: border-box;padding-right: 100px;}
.jin1{display: inline-block; background: url('../imgs/loginIcon.png')no-repeat;width: 27px;height: 27px;position: absolute;right: 110px;bottom: 265px;background-position: -56px -29px;}
 .right2 img{width: 104px;height: 104px;margin-top: 36px;}

.box3 > div.on{display: block;}
.box3 >div{display: none;}

button a{color: #fff;}
.foot a span{cursor: pointer;}